<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>联想商城-购物车</title>
		<link rel="stylesheet" type="text/css" href="../../styles/Public.css"/>
		<link rel="stylesheet" type="text/css" href="../../styles/shoppingCar.css"/>
	</head>
	<body>
		<div class="shoppingCar-top">
			<div class="top-opt width1200">
				<div class="opt">
					<span id="backHome">返回首页</span><span id="loginBtn">登录</span>
				</div>
			</div>
			<div class="user-msg navHide">
				<div class="my-shopping">我的商城</div>
				<div id="log-out">退出登录</div>
			</div>
		</div>
		<div class="logo-status width1200">
			<div class="logo"><img src="https://m1.lefile.cn/trade/cn/pc/images/base/pic-13.jpg"/></div>
			<div class="buy-step">
				<img src="https://m1.lefile.cn/trade/cn/pc/images/base/pic-12.jpg"/>
			</div>
		</div>
		<div class="shoppingCar width1200">
			<table cellspacing="0" cellpadding="0">
				<tr>
					<th colspan="3" width="37%">商品</th>
					<th width="14%">规格</th>
					<th width="13%">单价</th>
					<th width="13%">数量</th>
					<th width="13%">金额</th>
					<th width="10%">操作</th>
				</tr>
			</table>
			<table cellspacing="0" cellpadding="0">
				<tbody></tbody>
			</table>
			<div class="item-total">
				
			</div>
			<div class="pay-off">
				<input type="button" value="去结算" />
			</div>
			<div class="emptyCar">
				<h3>您的购物车内暂无商品，您可以</h3>
				<div class="add-btn">
					<input type="button" id="add-item" value="选购商品"/>
				</div>
			</div>
			<div class="recommend-item width1200">
				<div class="recommend-title">
					<h3>为您推荐</h3>
				</div>
				<div class="recommend-things">
					<div class="hot-item" id="hot-items">
						<ul class="items navActive">
							<li>1</li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
						<ul class="items">
							<li>2</li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
						<ul class="items">
							<li>3</li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</div>
					<div class="left-btn item-btn">
						<img src="https://m1.lefile.cn/trade/cn/pc/images/base/btn_prev.png"/>
					</div>
					<div class="right-btn item-btn">
						<img src="https://m1.lefile.cn/trade/cn/pc/images/base/btn_next.png"/>
					</div>
				</div>
			</div>
		</div>
		<div class="foot-content">
			<div class="width1200">
				<img src="https://p1.lefile.cn/g1/M00/00/F6/CmBZEFZz7I-ADJipAABALgU8YUw364.jpg"/>
			</div>
		</div>
		<div class="serve width1200">
			<ul>
				<li><a href="#">购物指南</a></li>
				<li><a href="#">服务商信息</a></li>
				<li><a href="#">购买流程</a></li>
				<li><a href="#">注册登录</a></li>
			</ul>
			<ul>
				<li><a href="#">购物指南</a></li>
				<li><a href="#">服务商信息</a></li>
				<li><a href="#">购买流程</a></li>
				<li><a href="#">注册登录</a></li>
			</ul>
			<ul>
				<li><a href="#">购物指南</a></li>
				<li><a href="#">服务商信息</a></li>
				<li><a href="#">购买流程</a></li>
				<li><a href="#">注册登录</a></li>
			</ul>
			<ul>
				<li><a href="#">购物指南</a></li>
				<li><a href="#">服务商信息</a></li>
				<li><a href="#">购买流程</a></li>
				<li><a href="#">注册登录</a></li>
			</ul>
			<ul>
				<li><a href="#">购物指南</a></li>
				<li><a href="#">服务商信息</a></li>
				<li><a href="#">购买流程</a></li>
				<li><a href="#">注册登录</a></li>
			</ul>
			<ul>
				<li><a href="#">购物指南</a></li>
				<li><a href="#">服务商信息</a></li>
				<li><a href="#">购买流程</a></li>
				<li><a href="#">注册登录</a></li>
			</ul>
		</div>
	</body>
	<script src="../../static/scripts/require.js" data-main = "/pages/index/shoppingCar.js" type="text/javascript" charset="utf-8"></script>
</html>
